<template>
    <view class="smart-page">
        <!--页面标题头begin-->
        <view class="smart-page-head">
            <view class="smart-page-head-title">navigator导航</view>
        </view>
        <!--页面标题头end-->
        <navigator url="../audio/audio">
            <button>跳转到前页面</button>
        </navigator>
        <navigator open-type="redirect" url="../audio/audio">
            <button>跳转到当前页面</button>
        </navigator>
        <navigator open-type="switchTab" url="../../tabBar/api/api">
            <button>跳转到tab页</button>
        </navigator>
    </view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			
		}
	}
</script>

<style>
	.smart-page-head-title{
		    font-size: 48rpx;
		    color: #c0bab7;
		    opacity: 1;
		    /* 新增代码 */
		    text-align: center; /* 水平居中显示 */
		    text-decoration: underline; /* 添加下划线 */
			}
</style>